<template>
  <div style="padding: 5px;">
    <el-carousel :height="(detail.style.position.h-10)+'px'"
                 :interval="detail.style.interval*1000"
                 :trigger="detail.style.trigger"
                 :type="detail.style.type">
      <el-carousel-item v-for="(item,index) in detail.style.carouselImageList" :key="index">
        <img :src="require('@/'+ item)" crossorigin="anonymous" style="height:100%;width:100%" @dragstart.prevent
             @dragover.prevent @drop.prevent/>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>

import BaseView from './View';

export default {
  name: 'view-carousel',
  extends: BaseView,
}
</script>
